<?php
/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

?>
        
            <div style="margin-left: 0px;" class="bar_240i" >
                <div style="" class="title_240i">
                    <h1 class="h1i">
                        Super Junio & SNSD
                    </h1>
                </div>
                <div class="content240i">
                    <ul class="navi" style="">
                        <li><a href="JO_001_artist.php">Artist</a></li>
                        <li><a href="JO_002_album.php">Album</a></li>
                        <li><a href="JO_003_rbt.php">Ring back tone</a></li>
                        <li><a href="#i">Music</a></li>
                        <li><a href="#i">Video</a></li>
                    </ul>
                </div>

                <div class="content240i">
                    <div id="dhtmlgoodies_slideshow">
                            <div id="previewPane">
                                    <img src="JO_images/Artist/Super_Junior-SNSD_1.jpg">
                                    <span id="waitMessage">Loading image. Please wait</span>
                                    <div id="largeImageCaption" style="display: none;">This is the caption of image number 1</div>
                            </div>
                            <div id="JO_galleryContainer">
                                    <div id="JO_arrow_left"><img src="images/JO_arrow_left.png"></div>
                                    <div id="JO_arrow_right"><img src="images/JO_arrow_right.png"></div>
                                    <div id="theImages">
                                                    <!-- Thumbnails -->
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_1.jpg','1');return false"><img src="JO_images/Artist/Super_Junior-SNSD_1.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_2.jpg','2');return false"><img src="JO_images/Artist/Super_Junior-SNSD_2.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_3.jpg','3');return false"><img src="JO_images/Artist/Super_Junior-SNSD_3.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_4.jpg','4');return false"><img src="JO_images/Artist/Super_Junior-SNSD_4.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_5.jpg','5');return false"><img src="JO_images/Artist/Super_Junior-SNSD_5.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_6.jpg','6');return false"><img src="JO_images/Artist/Super_Junior-SNSD_6.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_7.jpg','7');return false"><img src="JO_images/Artist/Super_Junior-SNSD_7.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_8.jpg','8');return false"><img src="JO_images/Artist/Super_Junior-SNSD_8.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_9.jpg','9');return false"><img src="JO_images/Artist/Super_Junior-SNSD_9.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_10.jpg','10');return false"><img src="JO_images/Artist/Super_Junior-SNSD_10.jpg"></a>
                                                    <a href="#" onmouseover="showPreview('JO_images/Artist/Super_Junior-SNSD_11.jpg','11');return false"><img src="JO_images/Artist/Super_Junior-SNSD_11.jpg"></a>
                                                    <!-- End thumbnails -->

                                                    <!-- Image captions -->
<!--                                                    <div class="imageCaption">This is the caption of image number 1</div>
                                                    <div class="imageCaption">This is the caption of image number 2</div>
                                                    <div class="imageCaption">This is the caption of image number 3</div>
                                                    <div class="imageCaption">This is the caption of image number 4</div>
                                                    <div class="imageCaption">This is the caption of image number 5</div>
                                                    <div class="imageCaption">This is the caption of image number 6</div>
                                                    <div class="imageCaption">This is the caption of image number 7</div>
                                                    <div class="imageCaption">This is the caption of image number 8</div>-->
                                                    <!-- End image captions -->

                                                    <div id="slideEnd"></div>
                                    </div>
                            </div>
                    </div>
                </div>
            </div>